let productList = [
  {
    'id': 1,
    'name': '珍珠奶茶 大杯 三分糖去冰',
    'img': 'imgs/milktea_1.png',
    'price': 18,
    'detail': '精选台湾高山红茶，搭配鲜醇牛奶，加入Q弹黑珍珠，口感丰富。<br/>三分糖去冰更能凸显茶香与奶香的平衡，大杯分量满足全天饮用需求。<br/><br/>原料成分：红茶、牛奶、珍珠（木薯粉）、白砂糖<br/>保质期：制作后2小时内饮用最佳<br/>储存方式：常温存放，避免阳光直射'
  },
  {
    'id': 2,
    'name': '杨枝甘露 中杯 正常糖少冰',
    'img': 'imgs/milktea_2.png',
    'price': 22,
    'detail': '新鲜芒果与西柚粒完美融合，搭配椰奶基底，酸甜清爽。<br/>正常糖少冰保留最佳风味，中杯适合单人享用。<br/><br/>原料成分：芒果、西柚、椰奶、蜂蜜<br/>保质期：制作后1小时内饮用最佳<br/>储存方式：冷藏存放，避免久置'
  },
  {
    'id': 3,
    'name': '草莓奶盖茶 大杯 七分糖热饮',
    'img': 'imgs/milktea_3.png',
    'price': 20,
    'detail': '当季新鲜草莓打成冰沙，顶部覆盖咸香奶盖，热饮版本温暖不腻。<br/>七分糖平衡草莓的酸，大杯适合分享。<br/><br/>原料成分：草莓、绿茶、奶油、白砂糖<br/>保质期：制作后1.5小时内饮用最佳<br/>储存方式：常温存放，奶盖易融化'
  },
  {
    'id': 4,
    'name': '芋圆烧仙草 超大杯 无糖常温',
    'img': 'imgs/milktea_4.png',
    'price': 25,
    'detail': '手工芋圆搭配Q弹烧仙草，加入红豆和花生碎，无糖更健康。<br/>超大杯分量十足，常温饮用不影响口感。<br/><br/>原料成分：芋圆、烧仙草、红豆、花生<br/>保质期：制作后3小时内饮用最佳<br/>储存方式：常温存放，避免挤压'
  },
  {
    'id': 5,
    'name': '抹茶拿铁 中杯 半糖少冰',
    'img': 'imgs/milktea_5.png',
    'price': 19,
    'detail': '日本宇治抹茶粉调制，搭配纯牛奶，半糖少冰凸显抹茶清香。<br/>中杯适合日常下午茶，口感顺滑不苦涩。<br/><br/>原料成分：抹茶粉、牛奶、白砂糖<br/>保质期：制作后1小时内饮用最佳<br/>储存方式：冷藏存放，避免阳光直射'
  },
  {
    'id': 6,
    'name': '焦糖玛奇朵 大杯 全糖热饮',
    'img': 'imgs/milktea_6.png',
    'price': 24,
    'detail': '浓缩咖啡与热牛奶融合，顶部淋焦糖酱，全糖热饮温暖治愈。<br/>大杯适合咖啡爱好者，口感浓郁香甜。<br/><br/>原料成分：咖啡、牛奶、焦糖酱、白砂糖<br/>保质期：制作后30分钟内饮用最佳<br/>储存方式：常温存放，趁热饮用'
  }
];

// 获取所选商品详细信息（原有代码）
let urlSearchParams = new URLSearchParams(window.location.search);
let productIndex = urlSearchParams.get('index');
let productDetail = productList[productIndex];
productDetail.sku = '杯型，糖分，温度，加料';

// 生成轮播图（原有代码，若已修改为专属图片可保持不变）
let swiperStr = '<img alt="" class="showing" src="' + productDetail.img + '" />';
for (let i = 0; i < 3; i++) {
  swiperStr += '<img alt="" src="imgs/milktea_' + ((productDetail.id + i) % 6 + 1) + '.png" />';
}
swiperStr += '<div id="dot" >1/4</div>';
document.getElementById('swiper').innerHTML = swiperStr;

// 动态渲染价格、名称（原有代码）
document.getElementById('price').innerHTML = '<span>¥ </span>' + productDetail.price;
document.getElementById('product-name').innerHTML = productDetail.name;

// 新增：渲染当前奶茶的专属详情
document.getElementById('product-info').innerHTML = productDetail.detail; // 关键新增代码

let currentIndex = 0;
let images = document.querySelectorAll('#swiper img');

function showNext() {
  var currentImg = document.querySelector('.showing');
  if (currentImg) {
    currentImg.classList.remove('showing');

    currentIndex += 1;
    if (currentIndex >= images.length) {
      currentIndex = 0;
    }
    var dot = document.querySelector('#dot');
    dot.innerHTML = (currentIndex + 1) + '/4';
    images[currentIndex].classList.add('showing');
  } else {
    images[0].classList.add('showing');
  }
}

setInterval(showNext, 2000);

// 调用应用端函数跳转至商品结算页面
function orderConfirm() {
  arkTSFunObj.jumpOrderConfirm(JSON.stringify(productDetail));
}